<template>
  <div class="mobile-container">
    <van-cell-group>
      <van-cell><van-button size="large" disabled>管理入社审批</van-button></van-cell>
      <van-cell><van-button size="large" disabled>管理申请</van-button></van-cell>
      <van-cell><van-button size="large" disabled>管理成员</van-button></van-cell>
      <van-cell><van-button size="large" disabled>编辑详情页面</van-button></van-cell>
      <van-cell><van-button size="large" disabled >编辑社团简介</van-button></van-cell>
      <van-cell><van-button size="large" disabled >编辑纳新表单</van-button></van-cell>
      <van-cell><van-button size="large" @click="gotoPublicMakeForm">新建普通表单</van-button></van-cell>
    </van-cell-group>

  </div>
</template>

<script lang="ts">
import {useRouter} from "vue-router";
import {useStore} from "vuex";
import {Notify} from "vant";
import {reactive, ref} from "vue";

export default {
  name: "mobile_manage_club",
  setup() {
    const router = useRouter();
    const store = useStore();
    if(!router.currentRoute.value.query.clubid){
      Notify("系统错误，三秒后跳转至个人页面");
      setTimeout(()=>{
        router.push({path:'/owner'});
      },3000)
    }
    const gotoPublicMakeForm=function (){
      router.push(
          {
            path:"/makeform",
            query:{
              type:'public',
              clubID:router.currentRoute.value.query.clubid
            }
          }
      )
    };
    const gotoNewMakeForm=function (){
      ;
    };

    return {
      router,
      gotoPublicMakeForm
    }
  }
}
</script>

<style scoped>
.mobile-container {
  padding-top: 30px;
  padding-bottom: 200px;
}
</style>